<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery</title>
    <link rel="stylesheet" href="../../css/public/public.css">
    <link rel="stylesheet" href="../../css/jquery/jqueryIndex.css">
    <link rel="stylesheet" href="../../plugs/fontisto/css/fontisto/fontisto.min.css">
</head>
<body>
    <div>
        <header></header>
        <div class="jquery-banner">
            <img src="../../images/public/banner.jpg" width="100%" height="100%" alt="banner"/>
            <div class="jquery-left-nav">
                <ul>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐1</span> <span class="fi fi-angle-right public-float-right"></span></li>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐2</span> <span class="fi fi-angle-right public-float-right"></span></li>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐3</span> <span class="fi fi-angle-right public-float-right"></span></li>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐4</span> <span class="fi fi-angle-right public-float-right"></span></li>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐5</span> <span class="fi fi-angle-right public-float-right"></span></li>
                    <li><span><i class="fi fi-more-v public-margin-right"></i>单元推荐6</span> <span class="fi fi-angle-right public-float-right"></span></li>
                </ul>
                <div class="jquery-left-list">
                    <h3><i class="fi fi-more-v public-margin-right"></i>单元推荐</h3>
                    <ul>
                        <li><a href="">1、单元推荐</a></li>
                        <li><a href="">2、单元推荐</a></li>
                        <li><a href="">3、单元推荐</a></li>
                        <li><a href="">4、单元推荐</a></li>
                        <li><a href="">5、单元推荐</a></li>
                        <li><a href="">6、单元推荐</a></li>
                        <li><a href="">7、单元推荐</a></li>
                        <li><a href="">8、单元推荐</a></li>
                        <li><a href="">9、单元推荐</a></li>
                        <li><a href="">10、单元推荐</a></li>
                        <li><a href="">11、单元推荐</a></li>
                        <li><a href="">12、单元推荐</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="main-content">
            <div class="public-bn public-margin-bottom clearfix">
                <ul>
                    <li>
                        <a href="../../index.html" class="fi fi-home"> 首页</a> <i class="fi fi-angle-right"></i>
                    </li>
                    <li>
                        <a href="jqueryIndex.html"> jQuery</a></i>
                    </li>
                </ul>
            </div>
            <div class="jquery-article-top">
                <div class="public-nav-title"><i class="fi fi-file-1 public-float-left"> </i><span class="public-margin-left">文章置顶</span></div>
                <div class="jquery-article-top-list clearfix">
                    <article class="jquery-article-top-article">
                        <span class="article-to-top fi fi-pinboard" title="置顶"></span>
                        <figure>
                            <a href="../public/articleDetail.html" target=_blank><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                        </figure>
                        <header class="public-padding-top">
                            <a href="">
                                <b>jquery的基本核心原理</b>
                            </a><br/>
                            <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                        </header>
                        <footer>
                            2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                        </footer>
                    </article>
                    <article class="jquery-article-top-article">
                        <span class="article-to-top fi fi-pinboard" title="置顶"></span>
                        <figure>
                            <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                        </figure>
                        <header class="public-padding-top">
                            <a href="">
                                <b>jquery的基本核心原理</b>
                            </a><br/>
                            <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                        </header>
                        <footer>
                            2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                        </footer>
                    </article>
                    <article class="jquery-article-top-article">
                        <span class="article-to-top fi fi-pinboard" title="置顶"></span>
                        <figure>
                            <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                        </figure>
                        <header class="public-padding-top">
                            <a href="">
                                <b>jquery的基本核心原理</b>
                            </a><br/>
                            <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                        </header>
                        <footer>
                            2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                        </footer>
                    </article>
                    <article class="jquery-article-top-article">
                        <span class="article-to-top fi fi-pinboard" title="置顶"></span>
                        <figure>
                            <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                        </figure>
                        <header class="public-padding-top">
                            <a href="">
                                <b>jquery的基本核心原理</b>
                            </a><br/>
                            <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                        </header>
                        <footer>
                            2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                        </footer>
                    </article>
                </div>
            </div>
            <div class="public-bg-color public-border">
                <img width=100% src="http://itwgy.com//artImg/adv/adv2.jpg" alt="">
            </div>
            <div class="public-margin-top clearfix public-border public-bg-color">
                <div class="public-nav-title"><i class="fi fi-file-1 public-float-left"> </i><span class="public-margin-left">分类列表</span></div>
                <div class="jquery-search-menu public-float-left">
                    <div class="jquery-left-category">
                        <ul>
                            <li class="jquery-search-menu-active">全部</li>
                            <li>jquery笔记</li>
                            <li>jquery语法解析</li>
                            <li>jquery插件集合</li>
                            <li>自定义组件</li>
                            <li>jquery组件案例</li>
                            <li>精品帖子</li>
                        </ul>
                    </div>
                </div>
                <div class="jquery-article-list-box public-float-right">
                    <div class="jquery-article-list">
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                        <article class="jquery-article-top-article public-margin-bottom">
                            <figure>
                                <a href=""><img src="http://itwgy.com/artImg/titleImg/itwgy_20180510160806223.png" alt=""></a>
                            </figure>
                            <header class="public-padding-top">
                                <a href="">
                                    <b>jquery的基本核心原理</b>
                                </a><br/>
                                <span>简介:基于纯java annotation的依赖注入框架Guice的出现,spring推出并持续完善了基于java代码和annotation元信息的依赖关系绑定描述方法,即javaconfig项目...</span>
                            </header>
                            <footer>
                                2018-05-21 15:32:19<i class="fi fi-eye public-margin-left color-gay"> 7</i>
                            </footer>
                        </article>
                    </div>
                    <div id="public-page" class="public-page-box public-margin-top">
                        <span>第 1 页</span><span>共 10 页</span><span>共 100 条</span>
                        <select name="" id="">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                            <option>10</option>
                        </select>
                        <button>首页</button><button>上一页</button>
                        <ul>
                            <li class="public-page-active">1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                        <button>下一页</button><button>尾页</button>
                    </div>
                </div>
            </div>
        </div>
        <footer></footer>
    </div>

<script src="../../js/lib/require.js" data-main="../../js/jquery/jqueryIndex"></script>
</body>
</html>